{% extends "base.html" %}
{% block content %}
    <div class="posts">
        {% for post in post_list %}
            <section class="post">
                <header class="post-header">
                    <h2 class="post-title"><a href="{% url 'detail' id=post.id %}">{{ post.title }}</a></h2>
                    <p class="post-meta">
                        发布时间: <a class="post-author" href="#">{{ post.pub_time |date:'Y/m/d'}}</a>&nbsp;&nbsp;
                        分类: <a class="post-category post-category-pure" href="#">{{ post.category }}</a>&nbsp;&nbsp;
                        标签:
                        {% for tag in post.tags.all %}
                            <a class="post-category post-category-pure" href="#">{{ tag }}</a>
                        {% endfor %}&nbsp;&nbsp;
                        浏览次数：{{ post.views }}
                    </p>
                </header>

                <div class="post-description">
                    <p>
                        {#striptags用于过滤正文中所有的HTML标签#}
                        {#truncatechars用于截取正文前300个字符#}
                        {{ post.content|striptags|truncatechars:300 }}
                    </p>
                </div>
                <div><a class="post-category post-category-design" href="{% url 'detail' id=post.id %}">阅读全文</a></div>

            </section>
        {% endfor %}
    </div><!-- /.blog-post -->
    {% if post_list.object_list and post_list.paginator.num_pages > 1 %}
        <div>
            {% if post_list.has_previous %}
                <a class="footer" href="?page={{ post_list.previous_page_number }}">
                    <i class="fa fa-angle-left"></i>&nbsp;&nbsp;上一页
                </a>
            {% endif %}
            {% if post_list.has_next %}
                <a class="footer" href="?page={{ post_list.next_page_number }}">
                    下一页&nbsp;&nbsp;<i class="fa fa-angle-right"></i>
                </a>
            {% endif %}
            </div>
    {% endif %}
{% endblock %}